Protected Project

Enter your password to access this project detail

Incorrect password. Try again.
Attempts remaining: 3

Icon

OptionsXpress Trading App โ€“ A Product Design Journey at Charles Schwab Corporation

OptionsXpress, a trading platform under Charles Schwab Corporation, is widely used by active investors and traders for options, equities, and futures. With the rise of mobile-first trading behaviors, our challenge was to reimagine the OptionsXpress app experience to make it modern, intuitive, and user-centric, while staying compliant with strict financial regulations. As a UI/UX Designer, I was responsible for conducting user research, collaborating with cross-functional teams, and leading the end-to-end design process from wireframes to final prototypes.

Client

Charles Schwab Corporation

Feature

Trading App

Industries

Stock Broking

Date

March 2025

UI/UX Design Trading App Design System User Research

๐Ÿ‘ฉโ€๐Ÿ’ป My Role

As a UI/UX Designer, I was responsible for:

User Research: Conducting user research and identifying trader pain points.

Collaboration: Collaborating with product managers, business analysts, and developers.

Design Leadership: Leading the end-to-end design process from wireframes to final prototypes.

Brand Compliance: Ensuring designs aligned with Schwab's brand guidelines and regulatory standards.

Testing & Iteration: Facilitating usability testing sessions and iterating based on feedback.

โ— Problems Identified

The existing OptionsXpress app had several issues:

Cluttered UI: Overloaded with too many tools and charts on a single screen.

Complex Navigation: Traders struggled to find advanced features quickly.

Inconsistent Experience: Desktop and mobile experiences weren't aligned.

Performance Anxiety: Users found it hard to place quick trades confidently.

Accessibility Gaps: Limited support for diverse users (fonts, contrast, gestures).

Project Preview
Project Preview

๐ŸŽฏ Project Goals

We defined our design goals as:

Simplify Trading Workflows: Make placing trades faster and error-free.

Improve Navigation: Streamline access to research, charts, and positions.

Create Visual Hierarchy: Prioritize important data points (price, options chain).

Mobile-first Experience: Design for both casual and power traders on the go.

Ensure Trust & Compliance: Keep the app transparent and secure.

๐Ÿ‘ฅ Target Users

We segmented our primary user groups:

Active Traders: Place multiple trades daily. Need advanced charts, real-time data, and quick execution.

Options Enthusiasts: Focus on multi-leg options strategies. Require clarity in options chain and payoff visualization.

Long-term Investors: Monitor portfolios occasionally. Prefer a simplified dashboard with key insights.

New-to-Trading Users: Experimenting with trading. Need educational cues, guided onboarding, and safety checks.

Project Preview
Project Preview

๐Ÿ› ๏ธ Design Process

We followed a comprehensive design process:

1. Research & Discovery Competitor analysis (Robinhood, E*TRADE, Thinkorswim).
User interviews & surveys with 20+ Schwab clients.
Key insights: Speed, clarity, and confidence were most valued.

2. Information Architecture Reorganized app structure into 4 main tabs: Home, Trade, Research, Portfolio.
Reduced hidden menus to enhance discoverability.

3. Wireframing Low-fidelity wireframes to validate navigation & layouts.
Iterated based on early usability testing.

4. UI Design & Branding Clean, minimal UI aligned with Schwab's corporate identity.
Introduced dark mode for traders who monitor charts at night.
Used color-coded cues for quick buy/sell actions.

5. Prototyping & Usability Testing Interactive Figma prototypes tested with real Schwab clients.
Iterations made on trade ticket flow & chart readability.

๐ŸŽจ Final Designs

Key highlights of the final app design:

Simplified Dashboard: At-a-glance portfolio health & quick actions.

Streamlined Trade Ticket: One-tap buy/sell with confirmation prompts.

Advanced Options Chain: Intuitive visualization of strategies.

Customizable Watchlists: Tailored stock/option monitoring.

Interactive Charts: Pinch-to-zoom, overlays, and dark mode support.

Brand Consistency: Clean, minimal UI aligned with Schwab's corporate identity.

Project Preview
Project Preview

โšก Challenges Faced

Key challenges we faced during the OptionsXpress app redesign:

Balancing power-user needs with new user simplicity.

Navigating compliance restrictions while innovating UI.

Managing real-time data visualization without overwhelming screens.

Coordinating with cross-functional teams across multiple time zones.

๐Ÿ“š Key Learnings

Key learnings from the OptionsXpress app redesign:

Iterative feedback loops helped uncover design blind spots early.

Clarity beats complexity โ€“ even advanced traders preferred cleaner layouts.

Accessibility improvements (contrast, text scaling) improved usability for all.

Designing for trust & transparency is as important as speed in fintech.

Project Preview
Project Preview

๐Ÿ”ฎ Future Improvements

Future improvements planned for the OptionsXpress app:

AI-powered insights for personalized trade recommendations.

Voice-based trading commands for faster accessibility.

Gamified learning modules for new traders.

Cross-platform sync โ€“ seamless handoff between mobile & desktop.

๐ŸŽฏ Conclusion

This redesign of the OptionsXpress trading app reflects the balance between innovation and compliance in the fintech industry.

By centering the design on user needs, we created an app that empowers traders to act with confidence, clarity, and speed.

๐Ÿ“ธ Client's
feedback

Weโ€™ve received very positive feedback from those who tested the new bill design. We hope you like it tooโ€”see below for user reviews.

๐Ÿซก Thanks for reading

โ†’ Share your thoughts and feel free to get in touch.

Icon Get in touch with me!

๐Ÿ”
๐ŸŽค

Recent

Trending

๐Ÿ’ผ Portfolio
๐ŸŽจ UI/UX Design
๐Ÿ“ Blog Articles

New

๐Ÿ“š Study Materials
๐Ÿ“ž Contact Info
โ“ Help & Support

Search Results